page {
  background-color: #f2f2f2;
  .detail {
    width: 100%;
    height: 500rpx;
    background-color: white;
    .detail_font {
      overflow: hidden;
      width: 90%;
      height: 80%;
      // height: 30%;
      margin: 0rpx 5%;
      image {
        width: 100%;
        height: 100%;
      }
    }
    .header {
      display: flex;
      justify-content: space-between;
      margin: 20rpx 30rpx;
      .header_l {
        margin: 0 15rpx;
        .header_1 {
          font-size: 30rpx;
        }
        .header_2 {
          font-size: 20rpx;
          color: gray;
        }
      }
      .header_r {
        font-size: 30rpx;
        margin-right: 15rpx;
        .header_r_price {
          color: red;
          font-weight: bolder;
        }
      }
    }
  }
  .message {
    background-color: white;
    width: 100%;
    height: 300rpx;
    .message_header {
      display: block;
      font-weight: bolder;
      font-size: medium;
      margin: 20rpx 30rpx;
    }
    .message_info {
      display: block;
      margin: 20rpx 30rpx;
    }
  }
  .message_date {
    display: flex;
    justify-content: space-between;
    background-color: white;
    margin-top: 30rpx;
    width: 100%;
    height: 120rpx;
    .date_header {
      margin: 30rpx 30rpx;
      font-weight: bolder;
    }
    .date {
      margin: 30rpx 30rpx;
    }
  }
}
